<%--
    Document   : agregarObjetoPerdido
    Created on : 16/11/2010, 04:23:47 PM
    Author     : dayana
--%>


<%@page import="Modulo4.consultaDropDinamico"%>
<%@page import="Modelo.TipoObjeto"%>
<%@page import="java.util.List"%>
<%@page import="java.util.Calendar"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>


<script type="text/javascript">
    function disable(){
        var valmc = document.getElementById("Tipo").value;
        if (valmc=="Otro"){
            var va = document.getElementById("bla").value;
            document.getElementById("bla").value = "Escriba el tipo.";
            document.getElementById("bla").disabled = false;
        }
        else{
            document.getElementById("bla").value = "";
            document.getElementById("bla").disabled = true;
        }
        return false;
    }
</script>


<script type="text/javascript">
    var expr="^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$"
    var reValidEmail = new RegExp(expr);

    function exito() {

        if(document.forms[0].nombre.value !="" &&
            document.forms[0].apellido.value !="" &&
            document.forms[0].correo.value !="" &&
            reValidEmail.test(document.forms[0].correo.value) &&
            document.forms[0].lugar.value !="" &&
            document.forms[0].fecha.value !="" &&
            document.forms[0].descripcion.value !="" &&
            document.forms[0].tipoObj.value !="seleccionar") {
            alert("Formulario enviándose,\npor favor espere hasta que el mensaje 'formulario enviado' aparezca. \nNuestro equipo se pondrá en contacto con usted tan pronto le sea posible.");
            return true;
        }

    }

    $(function(){
        $('#cal2').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });
</script>
<script type="text/javascript">
    function limpiar(){

        document.getElementById("nombre").value = "";
        document.getElementById("apellido").value = "";
        document.getElementById("correo").value = "";
        document.getElementById("lugar").value = "";
        document.getElementById("cal2").value = "dd/mm/aaaa";
        document.getElementById("descripcion").value = "";


        return false;

    }
</script>
<%String fecha = null;

            if (request.getParameter("fecha") == null) {
                fecha = "dd/mm/aaaa";
            } else {
                fecha = request.getParameter("fecha");
            }
%>
<h1 class="title">Gestión de Objetos Perdidos</h1>

<p class="meta"></p>
<center>
    <h2>Solicitud de Objeto Perdido a la DSI</h2>
    <html:form action="/consultarObjPerdidoaDSI"
               styleId="consultarObjPerdidoaDSIForm"
               onsubmit="return sendForm('consultarObjPerdidoaDSIForm','consultarObjPerdidoaDSI','center');" >
        <br>
        <table  align="center" border="0">

            <tr>
                <td >Nombre:</td>
                <td width="234">
                    <html:text styleId="nombre" property="nombre"/>
                    <font color="red">*&nbsp;</font>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <html:errors property = "campo_nombre_requerido"/>
                    <html:errors property = "invalid_caracter_N"/>
                </td>
            </tr>
            <tr>
                <td >Apellido:</td>
                <td width="234">
                    <html:text styleId="apellido" property="apellido"/>
                    <font color="red">*&nbsp;</font>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <html:errors property = "campo_apellido_requerido"/>
                    <html:errors property = "invalid_caracter_A"/>
                </td>
            </tr>
            <tr>
                <td >Correo:</td>
                <td width="234">
                    <html:text styleId="correo" property="correo"/>
                    <font color="red">*&nbsp;</font>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <html:errors property = "campo_correo_requerido"/>
                    <html:errors property = "invalid_Email"/>
                </td>
            </tr>
            <tr>
                <td >Lugar donde se perdió el objeto:</td>
                <td width="234">
                    <html:text styleId="lugar" property="lugar"/>
                    <font color="red">*</font>
                </td>
            </tr>

            <tr>
                <td></td>
                <td>
                    <html:errors property = "campo_lugar_requerido"/>
                    <html:errors property = "invalid_caracter_L"/>
                </td>
            </tr>
            <tr>
                <td >Fecha en que se perdió el objeto:</td>
                <td width="234">
                    <html:text property="fecha" value="<%=fecha%>" styleId="cal2"/>
                    <font color="red">*&nbsp;</font>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <html:errors property = "campo_fecha_requerido"/>
                    <html:errors property = "format_Fecha"/>

                </td>
            </tr>

            <tr>
                <td>Tipo de objeto:</td>
                <td>
                    <select id="Tipo" name ="tipoObj" onchange="javascript: disable()">
                        <script type="text/javascript">
                            $.getJSON("listaTiposObjeto.do",
                            function(data) {
                                $.each(data.TiposObjeto, function(i,item){
                                    var string = "<option value='"+item.id_tipo_objeto+"'>"+item.id_tipo_objeto+"</option>";
                                    $('#Tipo').append(string)
                                });
                            });
                        </script>
                        <option value="seleccionar">Seleccionar</option>
                        <option value="Otro">Otro</option>
                    </select>

                    <font color="red">*&nbsp;</font>
            </tr>
            <tr>
                <td></td>
                <td>
                    <html:errors property = "campo_tipo_requerido"/>
                </td>
            </tr>


            <tr>
                <td>Otro:</td>
                <td>
                    <html:text styleId="bla" size="25" maxlength="20" property="otro" disabled ="true"/>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <html:errors property = "invalid_caracter_otro"/>
                </td>
            </tr>
            <tr>
                <td >Descripcion del Objeto:</td>
                <td width="234">  <html:textarea styleId="descripcion" name="consultarObjPerdidoaDSIForm" property="descripcion" rows ="5" cols="50"/></td>
                <td><font color="red">*&nbsp;</font></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <html:errors property = "campo_descripcion_requerido"/>
                </td>
            </tr>

        </table>
        <br>
        <font color="red"><p>NOTA: Los campos que tiene * son obligatorios.</p></font>
        <br>
        <center>
            <html:submit value = "Enviar Datos" onclick="exito();"></html:submit>
            <button name="clean" onclick = "javascript: limpiar()">Limpiar</button>
            <html:cancel onclick="return sendForm('consultarObjPerdidoaDSIForm','retornoObjetoPerdido','center');" value= "Cancelar"></html:cancel>

        </center>

        
    </html:form>
</center>
<CENTER><html:errors property = "objeto_agregado"/></CENTER>
<CENTER><html:errors property = "objeto_no_insertado"/></CENTER>
<CENTER><html:errors property = "formulario_enviado"/></CENTER>

<div style="clear: both;">&nbsp;</div>

